<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
				h1{
					/*文字水平居中*/
					text-align: center;
				}
				
				.top{
					border-top: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
				}	
				
				.menu{
					
					list-style-type: none;  /*去掉无序列表的点点*/
					padding: 0px;
					padding-top: 10px;
					
					width: 900px;
					height: 28px;
					margin: 0 auto;
					/*border-bottom: 1px solid #ccc;*/
				}
				.menu li{
					float: left;		/*让li水平排列*/
					margin-left: 29px;
					color: #666;
				}
				
				/*主体部分样式*/
				.item{
					width: 250px;
					height: 250px;
					background: #333333;
					border: 1px solid #fff;
					
					float: left;
					margin-left:35px;
					margin-top: 20px;
				}
				
				.main{
					width: 900px;
					height: 1200px;
					background: orange;
					
					margin: 0 auto;
				}
			
		</style>
	</head>
	<body>
		<div class="wrap">
			<div class="top">
				<h1>LAMER</h1>
			</div>
			<!--菜单栏-->
			<ul class="menu">
				<li>首页</li>
				<li>最新资讯</li>
				<li>最新资讯</li>
				<li>最新资讯</li>
				<li>最新资讯</li>
				<li>最新资讯</li>
				<li>最新资讯</li>
				<li>最新资讯</li>
				<li>最新资讯</li>
				<li>最新资讯</li>

			</ul>
			<!--主体部分-->
			<div class="main">
				<div class="item"></div>
				<div class="item"></div>
				<div class="item"></div>
				<div class="item"></div>
				<div class="item"></div>
				<div class="item"></div>
				<div class="item"></div>
				<div class="item"></div>
				<div class="item"></div>
				
			</div>
		</div>
	</body>
</html>
